<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>货比三家网</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="icon" href="http://hbsj.xyz/h5/hbsjimg.png" type="img/x-ico" />
    <meta name="keywords" content="货比三家,导购,网购,网络导购,hbsj,漫鸽,货比三家网,信息分类" />
    <meta name="description" content="货比三家是购物分享网站,商品信息分享网站" />
    <!-- 引入css样式 -->
    <link href="{{ url_for('static', filename='css/reset.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/index.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='bootstrap/css/bootstrap.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='font-awesome-4.7.0/css/font-awesome.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/ydui.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/demo.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/common.css') }}" rel="stylesheet">
    <link href="{{ url_for('static', filename='css/bootstrap-fileinput.css') }}" rel="stylesheet">
    <!-- 引入JS -->
    <script src="{{ url_for('static', filename='js/yzs_index.js') }}" rel="stylesheet"></script>
    <script src="{{ url_for('static', filename='js/jquery-3.3.1.min.js') }}" rel="stylesheet"></script>
    <script src="{{ url_for('static', filename='js/ydui.flexible.js') }}" rel="stylesheet"></script>
    <script src="{{ url_for('static', filename='js/alertPopShow.js') }}" rel="stylesheet"></script>
    <script src="{{ url_for('static', filename='js/bootstrap-fileinput.js') }}" rel="stylesheet"></script>
    <script src="{{ url_for('static', filename='bootstrap/js/bootstrap.min.js') }}" rel="stylesheet"></script>
    <script src="{{ url_for('static', filename='js/jquery.carouFredSel-6.0.4-packed.js') }}" rel="stylesheet"></script>
    
    <script src="https://cdn.bootcss.com/jquery-cookie/1.4.0/jquery.cookie.js"></script>

<style type="text/css">
    .show_div {
        margin-top: 10px;
        padding-left: 20px;padding-right: 20px;background-color: #fff;height: 182px;border: 1px solid #92b192;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow: #9e9a9a 0px 0px 3px;

-moz-box-shadow: #9e9a9a 0px 0px 3px;

box-shadow: #9e9a9a 0px 0px 3px;behavior: url(/PIE.htc);
    }


    .show_but {
        border: 1px solid #fff;

-webkit-border-radius: 8px;

-moz-border-radius: 8px;

border-radius: 8px;

-webkit-box-shadow: #fff 0px 0px 3px;

-moz-box-shadow: #fff 0px 0px 3px;

box-shadow: #fff 0px 0px 3px;behavior: url(/PIE.htc);
    }

    .title_span {
        
        
        font-size: 12px;
        
        /*word-break:break-all;word-wrap:break-word;*/
    }


    .overLoading {
            display: none;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #f5f5f5;
            opacity:0.5;
            z-index: 1000;
       }
    .layoutLoading {
        display: none;
        position: absolute;
        top: 40%;
        left: 40%;
        width: 20%;
        height: 20%;
        z-index: 1001;
        text-align:center;
    }

    .hbsj_banner_img {
        width: 100%;
        height:100%;
    }
    .footman{
        background-color: #dce2ec;width:100%; height: 60px; position:fixed!important; position:absolute; right:0px; bottom:0px!important; bottom:auto; top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight - this.clientHeight):document.body.scrollTop+(document.body.clientHeight - this.clientHeight));
    }
    

    .home_button{
        -moz-border-radius: 8px;
        border-radius: 8px;

-webkit-box-shadow: #9e9a9a 0px 0px 3px;

-moz-box-shadow: #9e9a9a 0px 0px 3px;

box-shadow: #9e9a9a 0px 0px 3px;behavior: url(/PIE.htc);
    }


    .yhj_home{
        margin-top: 10px;
        -moz-border-radius: 8px;
        border-radius: 8px;
        -webkit-box-shadow: #9e9a9a 0px 0px 3px;
        -moz-box-shadow: #9e9a9a 0px 0px 3px;
        box-shadow: #9e9a9a 0px 0px 3px;behavior: url(/PIE.htc);
    }

    .fb_button{
        -moz-border-radius: 8px;
        border-radius: 8px;

-webkit-box-shadow: #fff 0px 0px 3px;

-moz-box-shadow: #fff 0px 0px 3px;

box-shadow: #fff 0px 0px 3px;behavior: url(/PIE.htc);
background-color: #fff;
    }


     #wrapper {
        width: 80%;
        height: 60px;
        position: absolute;
        left: 0;
        margin-left: -10px;
      }
      #wrapper h3 {
        font-size: 20px;
        text-align: center;
      }
      
      #wrapper > div {

        border-bottom: 1px solid #ccc;
        width: 100%;
        height: 30px;
        padding: 15px 0;
        overflow: hidden;
        margin-top: -10px;
      }
      #wrapper > div.first {
        border-bottom: none;
      }
      
      #wrapper dl {
        display: block;
        margin: 0;
      }
      #wrapper dt, #wrapper dd {
        display: block;
        float: left;
        margin-top: -3px;
      }
      #wrapper dt {
        background-color: #f66;
        color: #fff;
      }
      #wrapper dd {
        color: #333;
        margin-right: 50px;
      }

      code {
        font-style: italic;
      }
      
      #donate-spacer {
        height: 100%;
      }
      #donate {
        border-top: 1px solid #999;
        width: 750px;
        padding: 50px 75px;
        margin: 0 auto;
        overflow: hidden;
      }
      #donate p, #donate form {
        margin: 0;
        float: left;
      }
      #donate p {
        width: 650px;
      }
      #donate form {
        width: 100px;
      }

.inner{
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    
  }
  .problem{
    width:100%;
  }
  .fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix:after,
.clearfix:before {
  display: block;
  content: "";
  height: 0;
  clear: both;
  width: 0;
}

.Container {
  width: 1200px;
  margin: 0 auto;
}

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}
[v-cloak] {
    display: none;
}
.inner{
  width: 100%;
  margin: 0 auto;
}


.custom_img{
  width: 100%;
  height: 5rem;
  background-color: #fff;
  padding: 0 0.4rem;
}
.custom_img_top{
  font-size: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom_img_top p{
  line-height: 1rem;
}
.custom_sub{
  width: 3rem;
  height: 0.8rem;
  background-color: #418BFB;
  border-radius: 0.8rem;
  font-size: 0.4rem;
  color: #fff;
  line-height: 0.8rem;
  display: block;
  margin: 0 auto;
  margin-top: 0.6rem;
}
.upload_img{
  width: 3rem;
  height: 3rem;
}
.upload_img_wrap{
  /*display: flex;*/
  width: 100%;
}
#imgBox{
  /*display: flex;*/
  
}
.imgContainer {
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-left: 1%;
  border: 1px solid #666666;
  position: relative;
  box-sizing: border-box;
    margin-right: 0.2rem;
    float: left;
  margin-top: 5px;
}

.imgContainer img {
  width: 100%;
  height: 100%;
  cursor: pointer;
  margin-right: 0.2rem;
}
.upload_img_wrap .imgDelete{
    width: 0.8rem;
    height: 0.8rem;
    position: absolute;
    top: -0.3rem;
    right: -0.5rem;
}
.imgContainer p {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 30px;
  background: black;
  text-align: center;
  line-height: 30px;
  color: white;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  display: none;
}

.imgContainer:hover p {
  display: block;
}

</style>


</head>

<script type="text/javascript">



//获取滚动条当前的位置
function getScrollTop() {
    var scrollTop = 0;
    if(document.documentElement && document.documentElement.scrollTop) {
        scrollTop = document.documentElement.scrollTop;
    } else if(document.body) {
        scrollTop = document.body.scrollTop;
    }
    return scrollTop;
}


//获取当前可视范围的高度  
function getClientHeight() {
    var clientHeight = 0;
    if(document.body.clientHeight && document.documentElement.clientHeight) {
        clientHeight = Math.min(document.body.clientHeight, document.documentElement.clientHeight);
    } else {
        clientHeight = Math.max(document.body.clientHeight, document.documentElement.clientHeight);
    }
    return clientHeight;
}


//获取文档完整的高度 
function getScrollHeight() {
    return Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
}






//等待页面加载

function showLoading(show){

if(show){
   document.getElementById("over").style.display = "block";
   document.getElementById("layout").style.display = "block";
}else{
document.getElementById("over").style.display = "none";
   document.getElementById("layout").style.display = "none";
}
}



var ua = navigator.userAgent;

var ipad = ua.match(/(iPad).*OS\s([\d_]+)/),

isIphone =!ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/),

isAndroid = ua.match(/(Android)\s+([\d.]+)/),

isMobile = isIphone || isAndroid;

//判断

if(!isMobile){
  window.location.href="/pcindex" 
}




</script>